<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../lib/bootstrap-3.3.5-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../font/iconfont.css">
    <link rel="stylesheet" href="../css/Registered_order.css">
    <script src="../lib/bootstrap-3.3.5-dist/js/jquery-1.11.3.js"></script>
    <script src="../lib/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
   
    <title>Document</title>
</head>

<body>
    <!-- 顶部和侧边栏 -->
    <div class="kong11"></div>
    <div id="mulu">
        <div>
            <div>
                <span>首页</span>
                <span>/</span>
                <span>医疗服务</span>
                <span>/</span>
                <span>挂号订单</span>
            </div>
            <h3>挂号订单</h3>
        </div>
    </div>


   <!-- 中间内容 -->
   <div id="hospital" class="container-fluid">
        <div id="nr1" class="row nr">
            <div class="col-md-12">
                <p>查询条件</p>
                <div class="clear">
                    <div>
                        <label for="inp1">
                            <span>订单编号:</span>
                            <input type="text" id="inp1">
    
                        </label>
                    </div>
                    <div>
                        <label for="inp2">
                            <span>状态:</span>
                            <input type="text" id="inp1">
    
                        </label>
                    </div>
                    <div>
                        <span>科室:</span>
                        <select name="" id="inp3">
                            <option value="请选择">请选择</option>
                            <option value="三级甲">三级甲</option>
                            <option value="三级乙">三级乙</option>
                            <option value="二级甲">二级甲</option>
                            <option value="二级乙">二级乙</option>
                        </select>
                    </div>
                    <div>
                        <input type="date">
                    </div>
                    <div>
                        <button>重置</button>
                        <button id="selectStu">查询</button>
                    </div>
                </div>
            </div>
        </div>
        <div id="nr2" class="row nr">
            <div class="col-md-12">
                <p>数据列表</p>
                <!-- <div>
                    <button id="tianjia">
                        <span class="iconfont">&#xe889</span>
                        添加
                    </button>
                    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo">
                        <span class="iconfont">&#xe74b</span>
                        删除
                    </button>
                    <button class="myshang">上架</button>
                    <button class="myxia">下架</button>
                </div> -->
            </div>
        </div>
        <div id="nr4" class="row nr">
            <div class="col-md-12">
                <div id="tdheight">
                    <table class="table ">
                        <thead>
                            <tr>
                                <th>订单编号</th>
                                <th>挂号费用</th>
                                <th>就诊人</th>
                                <th>医院</th>
                                <th>科室</th>
                                <th>下单时间</th>
                                <th>就诊日期</th>
                                <th>订单状态</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody id="mytbody">
                        </tbody>
                    </table>
                    <div id="fenye" class="clear" >
                        <p>
                            共 <span id="jilu">800</span> 条记录 第 <span id="yema">1</span> / <span id="zongye">80</span> 页
                        </p>
                        <div class="clear">
                            <div>
                                <p class="iconfont">&#xeb15</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

  </div>
  <!-- 模态框 -->  
  <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" id="exampleModalLabel">你确认要删除这些数据信息吗</h4>
        </div>
        <div class="modal-body">
          <form>
            <div class="form-group">
                <p>
                    删除后将无法恢复，你还要继续吗？
                </p>
            </div>
          </form>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
          <button type="button" class="btn btn-primary queding">确定</button>
        </div>
      </div>
    </div>
  </div>

   <!-- 底部 -->
   <div class="col-md-12">
    <span class="foot1">大健康综合管理后台</span>
    <span class="foot2">版权所有:@大健康综合(集团)有限公司Meinian Onehealth Healthcare (Group)Co.</span>
    <span class="foot2">沪ICP备09017846号-3沪公网安备31010602006448号</span>
   </div>
    
   </script>
    <script src="../JavaScript/index.js"></script>
    <script src="../JavaScript/data.js"></script>
    <script src="../JavaScript/utils.js"></script>
    <script src="../JavaScript/Registered_order.js"></script>
</body>

</html>